import { useTypographyStyles } from './styles.tsx';

import type { FC, ReactNode } from 'react';

interface IHeader2TextProps {
    children: ReactNode;
    className?: string;
}

export const Header2Text: FC<IHeader2TextProps> = ({ children, className }) => {
    const { styles, cx } = useTypographyStyles();
    return (
        <div className={cx(styles.header2Text, className)}>
            {children}
        </div>
    );
};
